{extend name="public/father" /}

{block name="main"}
<style>
    .layui-form-pane .layui-form-text{padding: 0 10px;}
    .layui-form-pane .layui-form-label{background: none !important;padding-left: 2px;border: 0;color:#000;}
    .layui-form-pane .layui-form-text input, .layui-form-pane .layui-form-text textarea{border-radius: 3px !important;}
</style>

<div class="layui-card">
    <div class="layui-card-body">

        <blockquote class="layui-elem-quote layui-quote-nm">
            <p>标题中可以加入{city} 代表所在城市，{emoji} 代表随机表情</p>
        </blockquote>

        <form class="layui-form layui-form-pane" method="post" style="margin-top: 10px;">

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">标题</label>
                <div class="layui-input-block">
                    <input type="text" name="title" value="" placeholder="标题" required lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">分享标题</label>
                <div class="layui-input-block">
                    <input type="text" name="share_title" value="" placeholder="分享标题" required lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">主播头像</label>
                <div class="layui-input-block">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/01.jpg" title="<img src='__STATIC__/img/tx/01.jpg' style='width:50px;'>" checked>
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/02.jpg" title="<img src='__STATIC__/img/tx/02.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/03.jpg" title="<img src='__STATIC__/img/tx/03.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/04.jpg" title="<img src='__STATIC__/img/tx/04.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/05.jpg" title="<img src='__STATIC__/img/tx/05.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/06.jpg" title="<img src='__STATIC__/img/tx/06.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/07.jpg" title="<img src='__STATIC__/img/tx/07.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/08.jpg" title="<img src='__STATIC__/img/tx/08.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/09.jpg" title="<img src='__STATIC__/img/tx/09.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/10.jpg" title="<img src='__STATIC__/img/tx/10.jpg' style='width:50px;'>">
                    <span class="gengduo" style="display: none;">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/11.jpg" title="<img src='__STATIC__/img/tx/11.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/12.jpg" title="<img src='__STATIC__/img/tx/12.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/13.jpg" title="<img src='__STATIC__/img/tx/13.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/14.jpg" title="<img src='__STATIC__/img/tx/14.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/15.jpg" title="<img src='__STATIC__/img/tx/15.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/16.jpg" title="<img src='__STATIC__/img/tx/16.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/17.jpg" title="<img src='__STATIC__/img/tx/17.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/18.jpg" title="<img src='__STATIC__/img/tx/18.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/19.jpg" title="<img src='__STATIC__/img/tx/19.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/20.jpg" title="<img src='__STATIC__/img/tx/20.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/21.jpg" title="<img src='__STATIC__/img/tx/21.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/22.jpg" title="<img src='__STATIC__/img/tx/22.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/23.jpg" title="<img src='__STATIC__/img/tx/23.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/24.jpg" title="<img src='__STATIC__/img/tx/24.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/25.jpg" title="<img src='__STATIC__/img/tx/25.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/26.jpg" title="<img src='__STATIC__/img/tx/26.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/27.jpg" title="<img src='__STATIC__/img/tx/27.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/28.jpg" title="<img src='__STATIC__/img/tx/28.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/29.jpg" title="<img src='__STATIC__/img/tx/29.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/30.jpg" title="<img src='__STATIC__/img/tx/30.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/001.jpg" title="<img src='__STATIC__/img/tx/001.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/002.jpg" title="<img src='__STATIC__/img/tx/002.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/003.jpg" title="<img src='__STATIC__/img/tx/003.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/004.jpg" title="<img src='__STATIC__/img/tx/004.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/005.jpg" title="<img src='__STATIC__/img/tx/005.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/006.jpg" title="<img src='__STATIC__/img/tx/006.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/007.jpg" title="<img src='__STATIC__/img/tx/007.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/008.jpg" title="<img src='__STATIC__/img/tx/008.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/009.jpg" title="<img src='__STATIC__/img/tx/009.jpg' style='width:50px;'>">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="__STATIC__/img/tx/010.jpg" title="<img src='__STATIC__/img/tx/010.jpg' style='width:50px;'>"></span>
                    <input type="radio" name="touxiang" lay-filter="gengduo" value="__STATIC__/img/tx/01.jpg" title="显示更多">
                    <input type="radio" name="touxiang" lay-filter="touxiang" value="0" title="上传">
                </div>
            </div>

            <div class="layui-form-item layui-form-text upload" id="shangchuantouxiang" style="display: none;">
                <label class="layui-form-label" style="color: red;">上传头像</label>
                <div class="layui-input-block">
                    <input type="text" name="cover" value="__STATIC__/img/tx/01.jpg" required lay-verify="required" placeholder="上传头像" autocomplete="off" class="layui-input upload-input">
                    <div style="position: absolute;right: 0px;top: 0px;">
                        <img class="upload-img" src="__STATIC__/img/tx/01.jpg" style="max-height: 36px;" onclick="showImg(this.src);"><button type="button" class="layui-btn layui-btn-primary upload-button"><i class="layui-icon layui-icon-upload"></i>上传图片</button>
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">主播昵称</label>
                <div class="layui-input-block">
                    <input type="text" name="name" value="" placeholder="主播昵称" required lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">年龄</label>
                <div class="layui-input-block">
                    <input type="number" name="age" value="" placeholder="年龄" required lay-verify="required|number" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-form-text upload-video">
                <label class="layui-form-label">视频地址</label>
                <div class="layui-input-block">
                    <input type="text" name="vsrc" value="" required lay-verify="required" placeholder="视频地址" autocomplete="off" class="layui-input upload-input">
                    <div style="position: absolute;right: 0px;top: 0px;">
                        <button type="button" class="layui-btn layui-btn-primary upload-video-button"><i class="layui-icon layui-icon-upload"></i>上传视频</button>
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-form-text upload">
                <label class="layui-form-label">视频封面</label>
                <div class="layui-input-block">
                    <input type="text" name="vpic" value="" required lay-verify="required" placeholder="视频封面" autocomplete="off" class="layui-input upload-input">
                    <div style="position: absolute;right: 0px;top: 0px;">
                        <img class="upload-img" src="" style="max-height: 36px;" onclick="showImg(this.src);"><button type="button" class="layui-btn layui-btn-primary upload-button"><i class="layui-icon layui-icon-upload"></i>上传图片</button>
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">返回广告链接</label>
                <div class="layui-input-block">
                    <input type="text" name="back_jump_url" value="" placeholder="http:// 或者 https://开头" required lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">分享结束后</label>
                <div class="layui-input-block">
                    <input type="radio" name="share_end_type" value="1" title="跳转到指定链接" checked>
                    <input type="radio" name="share_end_type" value="2" title="弹出二维码">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">分享结束跳转链接</label>
                <div class="layui-input-block">
                    <input type="text" name="share_end_url" value="" placeholder="http:// 或者 https://开头" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-form-text upload">
                <label class="layui-form-label">分享结束弹出二维码（每行一个）</label>
                <div class="layui-input-block">
                    <textarea name="share_end_img" placeholder="每行一个二维码图片链接" class="layui-textarea upload-textarea"></textarea>
                    <button type="button" class="layui-btn layui-btn-primary upload-button" style="position: absolute;right: 0px;bottom: 0px;"><i class="layui-icon layui-icon-upload"></i> 上传图片</button>
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">访问量</label>
                <div class="layui-input-block">
                    <input type="text" name="view" value="0" required lay-verify="number" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="status" lay-text="已启用|已禁用" lay-skin="switch" value="1" checked>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="create">立即保存</button>
                </div>
            </div>
        </form>

    </div>
</div>
{/block}
